<!-- TodoList -->
<template>
  <div class="container">
    <h1>My-TodoList</h1>
    <todoInput />
    <control/>
    <clear/>
  </div>
</template>

<script setup lang="ts">
import todoInput from "./components/Input.vue";
import control from './components/Control.vue'
import clear from './components/bottom.vue'
</script>

<style scoped lang="scss">
.container {
  position: relative;
  width: 500px;
  min-height: 800px;
  background-color: rgb(245, 246, 252);
  border-radius: 20px;
  padding-top: 80px;
  box-shadow: 0px 5px 15px #888888;
}
</style>
